<html>
<head>
  <style>
  
    @import url(../../widgets/resizeable/resizeable.css);
  
    popup#test
    {
      background-color: gold;
      border:2dip solid red;
      width:200dip;
      height:100dip;
      cursor:pointer;
    }
    
    popup#test.mouse-on-corner {
      cursor:se-resize;
    }
    
    div#anchor
    {
      border:1dip solid blue;
      width:50dip;
      height:50dip;
      cursor:pointer;
    }
  </style>  
  <style #actions>
    div#anchor
    {
      behavior: button; 
    }
  </style>    
  <script type="text/tiscript">
    
      $(div#anchor) << event click 
      {
        $(popup#test).move( 400, 400, #view, #detached-window );
      } 
    </script>
  
</head>
<body>

    <p>This sample demonstrates moved popup interactive sizing.</p>

    <div#anchor> 
      click me
    </div>
    <popup#test resizeable >
      <p>Moved (to desktop) element.</p>
      <p>Resizeable.</p>
    </popup>
    

</body>
</html>